<script setup>
</script>
<template>
        <div class="app-download-banner">
            <div class="app-download-banner-box">
                <div class="app-download-banner-mobile"></div>
                <div class="app-download-banner-qr">
                    <div class="app-download-banner-qr-title">一手搞定 驰骋神州</div>
                    <div class="app-download-banner-qr-code">
                        <div class="app-download-qrocde">
                            <div class="app-download-qrocde-img">
                                <img src="https://cars.zuchecdn.com/static/static-img/app-qrcode-new.png">
                            </div>
                            <div class="app-download-qrocde-title">神州租车App</div>
                        </div>
                        <!-- <div class="app-download-qrocde"></div> -->
                        <div class="app-download-qrocde">
                            <div class="app-download-qrocde-img">
                                <img src="https://huodong.zuche.com/downLoad/getQrImage.do">
                            </div>
                            <div class="app-download-qrocde-title">神州租车小程序</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</template>
<style scoped lang="scss">
.app-download-banner {
    height: 800px;
    background: URL(https://cars.zuchecdn.com//static/static-img/app-download/banner-bg.jpg);
    background-size: cover;
}
.app-download-banner-box {
    width: 1200px;
    margin: 0 auto;
    padding-top: 80px;
    display: flex;
}

.app-download-banner-mobile {
    margin-left: 29px;
    margin-top: 49px;
    background: URL(https://cars.zuchecdn.com//static/static-img/app-download/banner-mobile.png);
    background-size: 100%;
    width: 560px;
    height: 630px;
}

.app-download-banner-qr {
    padding-top: 166px;
    flex: auto;
    text-align: center;
}

.app-download-banner-qr-title {
    font-weight: 700;
    font-size: 56px;
    color: #fff;
}

.app-download-banner-qr-code {
    padding-top: 51px;
    display: flex;
    justify-content: center;
}

.app-download-qrocde {
    width: 200px;
    height: 235px;
    background: hsla(0, 0%, 100%, .14);
    border-radius: 6px;
    padding: 10px;
    color: #fff;
}

.app-download-qrocde,
.app-download-qrocde {
    margin-left: 56px;
}

.app-download-qrocde {
    width: 200px;
    height: 235px;
    background: hsla(0, 0%, 100%, .14);
    border-radius: 6px;
    padding: 10px;
    color: #fff;
}
</style>